<!doctype html>
<html lang="en">
{% load staticfiles %}
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>用户案例</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/list.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-footer.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-TX.css' %}">
    <script src="{% static 'js/myjs-four.js' %}"></script>

</head>
<body>
<div class="listtop">
    <h1>
        <a href="{% url 'index:mjindex' %}" class="slogan">
            <img src="{% static 'images/logo.png' %}">
        </a>
    </h1>
    <ul class="menu-into">
        <li><a href="{% url 'index:mjindex' %}" title="首页">首页</a></li>
        <li><a href="{% url 'wedding:theme' %}" title="主题婚礼">主题婚礼</a></li>

        <li class="current"><a href="{% url 'wedding:al' %}" title="案例">案例</a></li>
        <!--<li><a href="https://www.mijwed.com/joinus/" title="加盟蜜匠">加盟蜜匠</a></li>-->
        <!--        <li>-->
        <!--            <div class="regions-channel" band-sensors="sensors-div-23">-->
        <!--                <div class="caption" band-sensors="sensors-div-24">-->
        <!--                    <em class="line">|</em>-->
        <!--                    <img src=""-->
        <!--                         alt="" class="icon" band-sensors="sensors-img-25">-->
        <!--                    长沙 <a href="#">[切换]</a>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </li>-->
    </ul>
</div>
<div class="product-details-init">
    <div class="details-lt">
        <img alt=""
             data-original="https://files.mijwed.com/new/albumphoto/202012/20201216_0813804391F310DE9B030B302AA4AD6E.jpg"
             class="pic lazy preview-full-screen" style="width: 100%;"
             src="{% static 'images/loading.jpg' %}">
        <img alt=""
             data-original="https://files.mijwed.com/new/albumphoto/202012/20201216_0813804391F310DE9B030B302AA4AD6E.jpg"
             class="pic lazy preview-full-screen" style="width: 100%;"
             src="{% static 'images/loading.jpg' %}">

        <img alt=""
             data-original="https://files.mijwed.com/new/albumphoto/202012/20201216_0813804391F310DE9B030B302AA4AD6E.jpg"
             class="pic lazy preview-full-screen" style="width: 100%;"
             src="{% static 'images/loading.jpg' %}">
        <img alt=""
             data-original="https://files.mijwed.com/new/albumphoto/202012/20201216_0813804391F310DE9B030B302AA4AD6E.jpg"
             class="pic lazy preview-full-screen" style="width: 100%;"
             src="{% static 'images/loading.jpg' %}">
        <img alt=""
             data-original="https://files.mijwed.com/new/albumphoto/202012/20201216_0813804391F310DE9B030B302AA4AD6E.jpg"
             class="pic lazy preview-full-screen" style="width: 100%;"
             src="{% static 'images/loading.jpg' %}">
        <img alt=""
             data-original="https://files.mijwed.com/new/albumphoto/202012/20201216_0813804391F310DE9B030B302AA4AD6E.jpg"
             class="pic lazy preview-full-screen" style="width: 100%;"
             src="{% static 'images/loading.jpg' %}">
        <img alt=""
             data-original="https://files.mijwed.com/new/albumphoto/202012/20201216_0813804391F310DE9B030B302AA4AD6E.jpg"
             class="pic lazy preview-full-screen" style="width: 100%;"
             src="{% static 'images/loading.jpg' %}">


    </div>
    <div class="details-rt" id="rt" style="left: 880px">
        <p class="caption">Harmony</p>
        <p class="sub-city">广东 深圳 | 观澜湖渡假酒店
        </p>
        <p class="sub-date" style="font-size: .448rem;">2020年07月25日</p>
        <!--        点击查看这个功能待开发-->
        <!--        <div class="preview-full-screen" data-photo_i="0">点击全屏查看</div>-->
        <div class="btn-box">
            <input type="button" value="预约到店" class="btn details-rt-btn">

        </div>
        <a href="mj_AL.html" class="back" title="返回案例陈列室"><em class="icon">icon</em>返回案例陈列室</a>

    </div>
</div>


<div class="product-details-init">
    <div class="details-lt">
        <div class="details-model">
            <p class="title">类似案例</p>
            <ul class="list">

                <li class="items-box-shadow">
                    <a target="_blank" href="https://www.mijwed.com/cs/wedding/case/casedetail-51676.html" title="黄色暖爱">
                        <img src="https://files.mijwed.com/new/photo/202009/20200922_E5BA6711CB740820129414A253222FF7.jpg?x-oss-process=image/resize,m_fill,w_750,h_420"
                             class="figure">
                        <p class="text">黄色暖爱</p>
                    </a>
                </li>
                <li class="items-box-shadow">
                    <a target="_blank" href="https://www.mijwed.com/cs/wedding/case/casedetail-51383.html"
                       title="Harry's memories">
                        <img src="https://files.mijwed.com/new/albumphoto/202012/20201203_297EACADCB881D3DDA4060568CC04ECA.jpg?x-oss-process=image/resize,m_fill,w_750,h_420"
                             class="figure">
                        <p class="text">Harry's memories</p>
                    </a>
                </li>
                <li class="items-box-shadow">
                    <a target="_blank" href="https://www.mijwed.com/cs/wedding/case/casedetail-51523.html"
                       title="For us">
                        <img src="https://files.mijwed.com/new/photo/202008/20200805_F6F6FAEBEF94B9EC8EA09CB654374FDA.jpg?x-oss-process=image/resize,m_fill,w_750,h_420"
                             class="figure">
                        <p class="text">For us</p>
                    </a>
                </li>

            </ul>
        </div>
    </div>
</div>


<!--尾部-->

<div class="afooter">
    <div class="">
        <ul class="into-list">
            <li>
                <span class="title">蜜匠婚礼</span>
                <a href="https://www.mijwed.com/cs/wedding/products/" target="_blank" class="more-base"
                   data-title="主题婚礼"
                   title="主题婚礼">
                    <span><span>主题婚礼</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/cs/wedding/case/" target="_blank" class="more-base" data-title="案例陈列室"
                   title="案例陈列室"
                >
                    <span><span>案例陈列室</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/brand/" target="_blank" rel="nofollow" class="more-base"
                   data-title="品牌理念"
                   title="品牌理念">
                    <span><span>品牌理念</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/explore/" target="_blank" rel="nofollow" class="more-base"
                   data-title="设计揭秘"
                   title="设计揭秘">
                    <span><span>设计揭秘</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/dynamics/" target="_blank" rel="nofollow" class="more-base"
                   data-title="蜜匠动态"
                   title="蜜匠动态">
                    <span><span>蜜匠动态</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/stores/" target="_blank" rel="nofollow" class="more-base"
                   data-title="城市体验馆"
                   title="城市体验馆">
                    <span><span>城市体验馆</span></span>
                </a><br/>
            </li>
            <li>
                <span class="title">优选商家</span>
                <a href="https://www.mijwed.com/cs/hotel/" target="_blank" class="more-base"
                   data-title="长沙婚宴酒店" title="长沙婚宴酒店">
                    <span><span>长沙婚宴酒店</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/cs/car/" target="_blank" class="more-base"
                   data-title="长沙婚车预订" title="长沙婚车预订">
                    <span><span>长沙婚车预订</span></span>
                </a><br/>

            </li>
            <li>
                <span class="title">百科攻略</span>
                <a href="https://www.mijwed.com/cs/wiki/" target="_blank" class="more-base" data-title="本地百科"
                   title="本地百科">
                    <span><span>本地百科</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/baike/" target="_blank" class="more-base" data-title="婚礼攻略"
                   title="婚礼攻略">
                    <span><span>婚礼攻略</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="新人说" title="新人说">
                    <span><span>新人说</span></span>
                </a><br/>
                <a href="#" target="_blank" class="more-base" data-title="问答" title="问答">
                    <span><span>问答</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">备婚工具</span>
                <a href="https://www.mijwed.com/tools-invitation.html" target="_blank" class="more-base"
                   data-title="电子请帖"
                   title="电子请帖">
                    <span><span>电子请帖</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-luckyDays.html" target="_blank" class="more-base"
                   data-title="结婚吉日"
                   title="结婚吉日">
                    <span><span>结婚吉日</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-registry.html" target="_blank" class="more-base" data-title="婚姻登记"
                   title="婚姻登记">
                    <span><span>婚姻登记</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="电子相册" title="电子相册">
                    <span><span>电子相册</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">商务合作</span>
                <a href="https://www.mijwed.com/joinus/" target="_blank" class="more-base" data-title="加盟蜜匠"
                   title="加盟蜜匠">
                    <span><span>加盟蜜匠</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/passport-business.html" target="_blank" rel="nofollow" class="more-base"
                   data-title="商户入驻" title="商户入驻">
                    <span><span>商户入驻</span></span>
                </a><br/><br/><br/>
                <span class="title">关于我们</span>
                <a href="https://www.mijwed.com/aboutus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="公司简介"
                   title="公司简介">
                    <span><span>公司简介</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/contactus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="联系我们"
                   title="联系我们">
                    <span><span>联系我们</span></span>
                </a>
            </li>
        </ul>
        <ul class="into-atlas">
            <li>
                <img src="https://files.mijwed.com/wed/template/footer/platform/t-sina.png" alt="蜜匠婚礼APP" class="pic">
                <span class="text">蜜匠婚礼APP</span>
            </li>
            <li>
                <img src="https://files.mijwed.com/uf/20201117/lz79x4xw1j1605595265000.png" alt="蜜匠婚礼APP" class="pic">
                <span class="text">微信公众号</span>
            </li>
        </ul>
        <div class="service-tel">
            <p class="text">24小时服务热线</p>
            <a tel="400-099-2169" class="tel">400-099-2169</a>
            <span class="btn btn-pay" onclick="kfBox()">在线客服</span>
        </div>
        <div class="footer-msg">
            <div class="copyright-text rt">
                Copyright ? 2020 <a target="_blank" href="https://www.mijwed.com/cs" title="蜜匠婚礼">mijwed.com</a>
                <a>京ICP备17029003号-1</a>
            </div>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/privacy/" title="隐私保护">隐私保护|</a>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/policy/" title="免责声明">免责声明</a>
        </div>
    </div>

</div>


<!--返回顶部特效-->
<button onclick="topFunction()" id="myBtn" title="回顶部">返回 <br>顶部</button>

</body>
</html>
<!--！！！jQuery Lazy Load 图片延迟加载-->
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/jquery.lazyload.min.js' %}"></script>
<script>
    $(document).ready(function () {
        $("img.lazy").lazyload({
            threshold: 200,
            placeholder: "images/loading.jpg"
        });
    });

    //ALCH右侧left控制
    function ff() {
        var nm = document.getElementById('rt');
        var w = document.documentElement.clientWidth;
        var w2 = (w - 1200) / 2 + 880;
        if (w < 1200) {
            nm.style.cssText = "left:880px;"
        } else {
            nm.style.left = w2 + 'px';
        }
    }

    ff();
    window.onresize = function () {
        ff()
    }


</script>


<!--图片处理方法-->
<!--https://www.cnblogs.com/haoyijing/p/5818236.html#imgLoad2-->
<!--使用jQuery图片预加载(延迟加载)插件Lazy Load-->
<!--使用JS实现图片预加载-->
<!--使用CSS实现图片预加载-->
<!--使用Ajax实现图片预加载-->